import React, { Component } from 'react'
import { Icon } from 'antd-mobile'
import { TopNavHeader, MainOperationBtn } from '../common'

export default class RechargeSuccess extends Component {
  render() {
    return (
      <div className={`rt-recharge-outcome-container`}>
        <TopNavHeader title="充值结果" />

        <Icon type="cross-circle" />

        <div className={`rt-outcome-text`}>充值成功</div>

        <div className={`rt-extra-info`}>流水号：000000</div>

        <div className={`rt-row-box`}>
          <span>账户</span>
          <span>131****1234</span>
        </div>
        <div className={`rt-row-box`}>
          <span>充值时间</span>
          <span>09-21 12:23</span>
        </div>
        <div className={`rt-row-box`}>
          <span>支付方式</span>
          <span>银联</span>
        </div>

        <MainOperationBtn extraCls="cm-margin-top" text="返  回" />
      </div>
    )
  }
}